<!DOCTYPE html>
<!-- saved from url=(0026)http://my.sto.cn/Vip/Index -->
<html>
<head>

    <title>首页</title>

    <script src="/home/js/jquery-1.11.2.js"></script>
    <script src="/home/js/jquery.cookie.js"></script>
    <script src="/home/js/idangerous.swiper.min.js"></script>
    <script src="/home/js/layer.js"></script>
    <link rel="stylesheet" href="/home/css/index/layer.css" id="layuicss-skinlayercss">
    <script src="/home/js/baseUtility.js"></script>
    <script src="/home/js/edit.js"></script>

    <link href="/home/css/index/pager.css" rel="stylesheet">
    <script type="text/javascript">
        // 将 layer 弹窗对象注入到相应的命名空间，以供使用
        addressEditNameSpace.setLayer(layer);
        (function (w) {
            if (!("WebSocket" in w && 2 === w.WebSocket.CLOSING)) {
                var d = document.createElement("div");
                d.className = "browsehappy";
                d.innerHTML =
                        '<div style="width:100%;height:100px;font-size:30px;line-height:100px;text-align:center;background-color:#ee6900;color:#fff;margin-bottom:40px;">\u60a8\u7684\u6d4f\u89c8\u5668\u7248\u672c\u5b9e\u5728\u662f<strong>\u592a\u65e7\u4e86<\strong>' +
                        '<a target="_blank" href="https://www.baidu.com/link?url=Z-k_dgvBnkwwMefWJx8Oa3XDCX3vlYffDo9gXrgGdrjvbt5o2YlxK9fXCsBjMMvXptcPtPfScTviYuXj67uXQOGt-GDfyKRDfg0bxZ-p-mq&wd=&eqid=df5151c400006c2f000000055a56cfef" style="background-color:#31b0d5;border-color: #269abc;text-decoration: none;padding: 6px 12px;background-image: none;border: 2px solid transparent;border-radius: 4px;color:#FFEB3B;">\u7acb\u5373\u5347\u7ea7</a>' +
                        '</div>';
                var f = function () {
                    var s = document.getElementsByTagName("body")[0];
                    if ("undefined" == typeof (s)) {
                        setTimeout(f, 10)
                    } else {
                        s.insertBefore(d, s.firstChild)
                    }
                };
                f()
            }
        }(window));
    </script>
    <link rel="stylesheet" type="text/css" href="/home/css/index/common.css">

    <script src="/home/js/html5.js"></script>

</head>
<body>

<#--引入头部和顶部导航栏-->
<#include "../common/header.ftl"/>
<#include "../common/top_nav.ftl"/>

<div class="box" style="min-height:800px;">
    <link href="/home/css/index/combo.select.css" rel="stylesheet">
    <script src="/home/js/jquery-1.11.2.js"></script>
    <link href="/home/layui/css/layui.css" rel="stylesheet">
    <link href="/home/css/index/Index.css" rel="stylesheet">
    <script src="/home/js/Track.js"></script>
    <script src="/home/layui/layui.js"></script>
    <script src="/home/js/jquery.tmpl.min.js"></script>
    <script src="/home/js/jquery.tmpl.min.js(1).下载"></script>
    <script src="/home/js/jquery.page.js(1).下载"></script>
    <link href="/home/css/index/pager.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/home/layui/css/modules/layer/default/layer.css">


    <style type="text/css">
        img {
            vertical-align: middle;
        }

        .layui-laypage a:hover {
            color: #ed6c00;
        }

        .layui-layer-btn .layui-layer-btn1 {
            border-color: #ed6c00;
            background-color: #ed6c00;
            color: #fff;
        }

        .layui-layer-btn .layui-layer-btn0 {
            background: #fff;
            border-color: #fff;
            color: black;
        }


    </style>
    <input type="hidden" id="userId" value="87f2c3474629474e8b4d882a224389d8">


    <div class="IndexBox" style="min-height:800px;">
        <div class="banner">
            <div class="user">
                <div class="userBoxBg"></div>
                <div class="userBox">
                    <div class="userHeadImg">
                        <div class="left">
                            <span>
                                <a class="user_head_img">
                                    <img src="/admin/images/default-head.jpg" alt="" id="headImg">
                                </a>
                            </span>
                        </div>
                        <div class="right">
                            <p class="userName">Hi</p>
                            <p class="userOperate"><a href="/home/userManager/index">修改&gt;&gt;</a></p>
                        </div>
                    </div>
                    <div class="userInfo">
                        <div style="font-size:14px;color:#555;margin-top:30px;margin-left:78px;">
                            信息完整度
                        </div>
                        <div class="Info">
                            <div class="layui-progress layui-progress-big">
                                <div class="layui-progress-bar layui-bg-orange" lay-percent="${percent}"
                                     style="width: ${percent};">

                                </div>
                            </div>
                            <div class="scheduleAlert">${percent}</div>
                            <div style="display:inline-block;margin-left:12px;">
                                <a style="color:#ea6a00;" href="/home/userManager/index">
                                    完善信息
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="IndexContent">
            <div class="IndexNav">
                <div class="order">
                    <form action="http://my.sto.cn/Track/Index" id="codeForm">
                        <div class="orderTitle">
                            运单查询
                        </div>
                        <div class="orderTxt">
                            <textarea id="billCode" onkeyup="value=value.replace(/[^\a-z\A-\Z0-9\@-]/g,'')"
                                      placeholder="请输入快递运单号，运单号须用英文-号隔开，最多查询5个运单号"></textarea>
                        </div>
                        <div class="orderBtn">
                            <a onclick="CheckBillCodeByObject()">追踪</a>
                        </div>
                    </form>
                </div>
            </div>
            <div class="sendRes">
                <a href="/home/entryPage/singletonPage">
                    <div class="sendResBox">
                        <p style="padding-top:22px;">
                            <img src="/home/images/jijian.png" alt="在线寄件">
                        </p>
                        <p class="sendResTitle">在线寄件 </p>
                    </div>
                </a>
            </div>
            <div class="price">
                <a href="/home/entryPage/agingQuery">
                    <p style="padding-top:22px;">
                        <img src="/home/images/yunfei.png" alt="报价时效查询">
                    </p>
                    <p class="sendResTitle">
                        报价时效查询
                    </p>
                </a>
            </div>
            <div style="clear:both"></div>
        </div>
        <div class="orderList">
            <div class="listnav">
                <div class="adress_top_tab" style="margin-left:50px">
                    <ul id="switchoverUl">
                        <li style="width: 10%;" data-resolution-id="1" class="all on">全部订单</li>
                        <li style="width: 10%;" data-resolution-id="2" class="hand">已下单</li>
                        <li style="width: 10%;" data-resolution-id="3" class="cancel">处理中</li>
                        <li style="width: 10%;" data-resolution-id="4" class="finish">已完成</li>
                    </ul>
                </div>
            </div>
            <div class="orderNo orderBox">
                <table border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                    <tr class="orderTableTitle">
                        <td style="width:180px;">运单号</td>
                        <td style="width:371px;">寄件人 &gt; 收件人</td>
                        <td style="width:242px;">下单时间</td>
                        <td style="width:142px;">操作</td>
                    </tr>
                    </tbody>
                </table>

                <div id="resolutionDiv">
                    <div id="allList" style="min-height: 500px" class="adress_li adress_li_active">
                    </div>
                </div>

                <div id="page" style="text-align: center;"></div>

                <div class="create_order_more_page_box">
                    共有<span style="color: #ed6c00;" id="countNum"></span>条订单信息
                </div>

                <div class="browser layui-layer-wrap" id="isRealName" style="display: none;">
                    <p>亲，该实名登记啦</p>
                    <p>根据国家邮政最新规定，寄收快递必须实名登记</p>
                    <p><a class="downLoad" href="/home/userManager/realName">点击实名</a></p>
                </div>
            </div>
        </div>
    </div>
<#--尾部-->
    <#include "../common/footer.ftl"/>
</div>

<script>

    $(function () {
        selOrderState(1, 1);
    <#if byHomeUserId??>
    <#else>
       layer.open({
           title: '实名认证',
           type: 1,
           shadeClose: false, //点击遮罩关闭
           content: $("#isRealName"),
           success: function () {
               $("#isRealName").show();
           },
           end: function () {
               $("#isRealName").hide();
           },

       });
    </#if>

    });

    $("#switchoverUl > li").click(function () {
        $("#switchoverUl > li").removeClass("on");
        $(this).addClass("on");
        let rsolutionId = $(this).attr("data-resolution-id");
        selOrderState(1, rsolutionId)
    })

    function selOrderState(currentPage, rsolutionId, billCodes) {

        $.ajax({
            url: '/home/expressMailOrder/selOrderState?currentPage=' + currentPage,
            type: 'POST',
            data: {
                rsolutionId: rsolutionId,
                waybillNumberStr: billCodes
            },
            dataType: 'html',
            async: false,
            success: function (data) {
                $("#allList").html(data)
                $("#countNum").text($("#totalNum").val())
                if ($("#totalNum").val() <= 0 && $("#rsolutionIdInput").val() != 1) {
                    layer.msg('暂无该内容!', {
                        time: 1000,
                    });
                }
            },
            error: function () {
                alert('网络错误')
            }
        })

    }


</script>

</body>
</html>
